<ion-header>
  <ion-navbar>
    <ion-title>挑战详情</ion-title>
    <ion-buttons end>
      <button icon-only ion-button (click)="showMoreActionModal()">
        <ion-icon md="ios-more" ios="ios-more"></ion-icon>
      </button>
    </ion-buttons>
  </ion-navbar>
</ion-header>
<ion-content >
<div class="" >
  <div class="scrollbox">
    <!-- 在此写内容 -->
    <div class="ub ub-ver bc-bg">
      <div class="ub-img1  tiaozhan_wh umar-b" id="bcImg" style="background-image: url();">
        <div class="ub ub-ac ub-pc ub-ver  ub-con color_white" style="background-color: rgba(0,0,0,0.25);">
          <div class="ub ub-ac">
            <div class="ub-f1 width_hr ubb"></div>
            <img id="patternImg" src="" style="width: 2.5em;height: 2.5em;margin: 0.3em;" />
            <div class="ub-f1 width_hr ubb"></div>
          </div>
          <div>
            <h2 id="tittle"></h2>
          </div>
          <div class="ub maxW fontsize8">
            <div class="ub ub-f1 ub-con"></div>
            <div class="ub ub-ac ub-pc ub-ver ub-f1 ub-con">
              <div class="ub ub-pc  ub-ac  umar-t">
                <div id="personNum">

                </div>
                <div class="l_mar_r">
                  |
                </div>
                <div id="Classify">

                </div>
              </div>
              <div class="ub ub-pc ub-ac umar-t">
                <div class="ub-img1 uba user_wh umar-r" id="headerimg" style="background-image: url();"></div>
                <div id="name" class="umar-r">

                </div>
                <div id="money" class="umar-r">

                </div>
                <div class="ub-img1 zuanshi_wh zuanshi_img umar-r"></div>
              </div>
              <div id="cishu">

              </div>
            </div>
            <div class="ub ub-f1 ub-con"></div>
          </div>

        </div>
      </div>
    </div>
    <!-- 挑战内容 -->
    <div class="ub ub-ver pad_left7  maxW bor bc-head">
      <div class="ub ub-ac umh5 fontsize9">
        挑战内容
      </div>
      <div id="content" class="umar-b" style="line-height: 1.5em;">

      </div>
    </div>
    <!-- 挑战规则 -->
    <div class="ub ub-ver  pad_left7  maxW bor bc-head mar_t5">
      <div id="guize" class="ub ub-ac umh5">
        挑战规则（中断上传，即挑战失败）
      </div>
      <div class="ub ub-ac">
        挑战时间
        <span id="starttime"></span>至
        <span id="engtime"></span>
      </div>
      <div class="umh5 line_height hide" id="chanllengge_count1">
        每周至少上传
        <span id="WeekRate1"></span>天
      </div>
      <div class="umh5 line_height hide umar-t" id="chanllengge_count2">
        <span class="umar-r">挑战数值</span>
        <span id="WeekRate2"></span>
      </div>
    </div>
    <!-- 挑战获取聚豆说明 -->
    <div class="ub ub-ver  pad_left7  maxW bor bc-head mar_t5">
      <div class="ub ub-ac umh5 fontsize9">
        战豆获取说明
      </div>
      <div class="ub ub-ac umh5">
        输赢：获胜则赢取
        <span id="Integral"></span>战豆，输则扣除相应战豆
      </div>

    </div>
    <!-- 奖赏与惩罚 -->
    <div class="displya" id="list1">
      <div class="ub ub-ver pad_left7  maxW bor bc-head mar_t5">
        <div class="ub ub-ac umh5 fontsize9">
          奖赏
        </div>
        <div class="umar-b word_break" style="line-height: 1.5em;" id="jiangli">

        </div>
      </div>
      <div class="ub ub-ver pad_left7  maxW bor bc-head mar_t5">
        <div class="ub ub-ac umh5 fontsize9">
          惩罚
        </div>
        <div class="umar-b word_break" style="line-height: 1.5em;" id="chengfa">

        </div>
      </div>
    </div>

  </div>
</div>
</ion-content>
